<script setup>
import logo from '@/assets/image/JingShield-logo.svg'
const company = 'JingShield'
</script>

<template>
  <header class="company">
    <div class="company-logo">
      <img :src="logo" alt="company logo">
    </div>
    <h1 class="company-title">{{company}}</h1>
  </header>
</template>

<style scoped lang="less">
.company{
  display: flex;
  align-items: center;
  justify-content: start;
  height: 45pt;
  padding: 4pt 10pt;
  .company-logo{
    height: 100%;
    img{
      height: 100%;
    }
  }
  .company-title{
    padding-left: 10pt;
    font-size: 18pt;
    color: #3c3c3c;
  }
}
</style>